<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<title>yg</title>
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/swiper.min.css">
		<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
		<script type="text/javascript" src="js/rem.js"></script>
	</head>
	<body>
		<div class="header clearfloat" >
			<div class="headerleft">
				<a href="index.html"><img src="images/logo.png" ></a>
			</div>
			<div class="headeright">
				<p style="color: #00a06a;"><i></i>崇文门：<span><a href="tel:010-67113512" style="color: #00a06a;">010-67113512</a></span></p>
				<p style="padding-left: 0.24rem;box-sizing: border-box; color: #00a6ab;};">团结湖：<span><a href="tel:010-85885768" style="color: #00a6ab;">010-85885768</a></span></p>
				<p style="padding-left: 0.24rem;box-sizing: border-box; color: #2059a6;};">新街口：<span><a href="tel:010-82206802" style="color: #2059a6;">010-82206802</a></span></p>
			</div>
		</div>
		<div class="banner" style="background: #39619f;min-height: auto;padding-bottom: 0;">
			<div class="bannerbox">
				<h4>能动英语在线课堂</h4>
				<h5 style="color: #39619f;width: 100%;">专注4-16岁英语教育培训辅导</h5>
				<p><i></i><span style="width: 94%;">让孩子带着问题与思考去学习   </span></p>
				<p><i></i><span style="width: 90%;">科学完善的课程体系，特色的教学模式 </span></p>
				<p><i></i><span style="width: 86%;">高标准严选优秀师资</span></p>
			</div>
			<div class="bannerimg" style="width:90%;position: static;">
				<img src="images/bq1.png" alt="">
			</div>
		</div>
		<style>
			.biaodancon p i{background:#ffba00;}
		</style>
		<div class="biaodan"  id="ser">
			<div class="biaodancon">
				<h4 style="color: #39619f;font-size: 0.2rem;font-weight: bold;">限时免费领</h4>
				<ul>
					<li style="padding-left: 0;width: 90%;margin: 0 auto;"><input type="text" placeholder="请输入您的手机号" class="shouji"  style="border-color: #39619f;width: 100%;border-radius: 0;"></li>
					<li style="padding-left: 0;width: 90%;margin: 0 auto;"><button  onclick="shouji()" style="background: #39619f;color: #fff;padding: 0.08rem 0.25rem;width: 100%;border-radius: 0;">免费领取</button></li>
				</ul>
				<p style="font-size: 0.16rem;color:#ffba00;margin-top: 0.1rem;">仅限<span>200</span>名 <strong id="timeed" title=""><b><i></i>    时   <i></i>   分   <i></i>    秒   </b></strong></p>
			</div>
		</div>
		
		<div class="bannerconter bannerconterss">
			<div class="title">
				<h4>注册即可免费获得价值598元 <br/>在线课堂体验包</h4>
			</div>
			<div class="bacon">
				<ul class="clearfloat">
					<li>
						<b><img src="images/n1.png" alt="" /></b>
						<p>视频课程</p>
					</li>
					<li>
						<b><img src="images/n2.png" alt="" /></b>
						<p>配套测评</p>
					</li>
					<li>
						<b><img src="images/n3.png" alt="" /></b>
						<p>全方面测评报告</p>
					</li>
					<li>
						<b><img src="images/n4.png" alt="" /></b>
						<p>参加线下体验课的机会</p>
					</li>
				</ul>
			</div>
			<a href="javascript:void(0);" class="shiting">在线课堂体验包 免费获得</a>
		</div>
		
		<div class="bannerconter">
			<div class="title">
				<h4>为什么选择能动英语</h4>
				<p style="font-size: 0.16rem;color: #1c1c1c;text-align: center;">培养专注力，全面提升英语听说读写的能力</p>
			</div>
			<div class="bannerconterimg bannerconterimgss">
				<p>让英语真正成为孩子的工具！</p>
				<img src="images/bq3.png" alt="">
			</div>
		</div>
		
		<div class="bannered" style="background: transparent;">
			<div class="title">
				<h4>能动英语在线课堂四大趋势</h4>
			</div>
			<div class="bigbox clearfloat bigboxer" style="background-image: none;">
				<div class="bigleft">
					<ul>
						<li class="clearfloat">
							<div class="bigtext">
								<h5 style="color: #39619f;">趣味情景式课程 </h5>
								<p style="text-align: left;font-weight: 500;font-size: 0.14rem;margin-top: 0;">不死背单词，不硬记语法。熟练掌握表音方法，从中发现记忆单词的诀窍方法规律。通过科学立体化的方法培养孩子自主学习英语的能力，让孩子带着问题去思考学习。 </p>
							</div>
						</li>
						<li class="clearfloat">
							<div class="bigtext">
								<h5 style="color: #39619f;">让家长更踏实更放心  </h5>
								<p style="text-align: left;font-weight: 500;font-size: 0.14rem;margin-top: 0;">课后配套测评练习准确直接地测试出孩子对课程内容的掌握程度，家长能及时掌握孩子的学习动态，清晰了解孩子的学习成效。课后测评是家长们的好帮手，让家长更踏实、更放心 </p>
							</div>
						</li>
						<li class="clearfloat">
							<div class="bigtext">
								<h5 style="color: #39619f;">线上线下双师制教学 </h5>
								<p style="text-align: left;font-weight: 500;font-size: 0.14rem;margin-top: 0;">两位老师线上线下跟踪教学，为学习成效提供双保险</p>
							</div>
						</li>
						<li class="clearfloat">
							<div class="bigtext">
								<h5 style="color: #39619f;">学习流程设置严谨，确保成效  </h5>
								<p style="text-align: left;font-weight: 500;font-size: 0.14rem;margin-top: 0;">在线课堂+语课测评+随堂录音+班级群+期末评语，通过以上组合层层保障，保障孩子学有成效,家长还能及时与学校沟通，确保学习方向正确</p>
							</div>
						</li>

					</ul>
				</div>
			</div>
		</div>
		
		<div class="bannerconter">
			<div class="title">
				<h4>能动英语教学目标</h4>
				<p style="font-size: 0.16rem;color: #1c1c1c;text-align: center;">开启孩子拼音式英语学习之路</p>
			</div>
			<div class="bannerconterimg">
				<img src="images/bq4.png" alt="">
			</div>
		</div>
		
		<div class="bannerconter">
			<div class="title">
				<h4>能动英语20年线上线下结合式教学</h4>
			</div>
			<div class="bannerconterimg">
				<img src="images/bq5.png" alt="">
			</div>
		</div>
		
		
		
		
		
		<div class="footer clearfloat" style="background: #39619f;">
			<div class="footercon">
				<h4>趣味主题游戏<br/>让孩子爱上英语</h4>
				<div class="footerimg">
					<img src="images/wx1.png" alt="">
				</div>
				<p>扫码免费领课</p>
			</div>
			<div class="footerright">
				<div class="footerimg">
					<img src="images/wx.png" alt="">
				</div>
				<p>扫码免费领课</p>
			</div>
		</div>
		<div class="footerbut" style="background: #39619f;">
			<p>北京学语乐童文化发展有限公司  <span>京ICP备16061271号</span></p>
		</div>
		
		<div class="fixeder clearfloat">
		   <div class="fixleft">
			<a  href="javascript:void(0);" id="telled">
			 <div class="fleximg">
			  <img src="images/m1.png" alt="">
			 </div>
			 <p>立即拨打</p >
			</a>
		   </div>
		   <div class="flexright clearfloat">
			<input type="text" placeholder="请输入您的手机号码" class="mobile">
			<button type="button" onclick="lingqu()">免费领取</button>
		   </div>
		</div>
		<!--侧栏-->
		<div class="celan">
			<ul>
				<li>
					<i><img src="images/zl.png" alt="" /></i>
					<p>试听预约</p>
				</li>
				<li>
					<i><img src="images/dh.png" alt="" /></i>
					<p>咨询电话</p>
				</li>
				<li>
					<i><img src="images/kf.png" alt="" /></i>
					<p>在线咨询</p>
				</li>
				<li class="wxzx">
					<i style="margin-bottom: 0.08rem;margin-top: 0px;"><img src="images/wx2.png" alt="" /></i>
					<p>微信扫一扫  <br/>领取试听课</p>
				</li>
			</ul>
		</div>
		<div class="yytc">
			<div class="yytcbj"></div>
			<div class="yytcbox">
				<div class="yytctop">
					<h4>官方热线</h4>
					<ul>                                              
						<li><a href="tel:010-67113512">崇文门：010-67113512 </a></li>
						<li><a href="tel:010-85885768">团结湖：010-85885768 </a></li>
						<li><a href="tel:010-82206802">新街口：010-82206802 </a></li>
					</ul>
					<h5><i></i>免费拨打</h5>
				</div>
				<div class="yytcgb">
					<img src="images/tcgb.png" alt="">
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
	<script type="text/javascript" src="js/index.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script>
		$(".shiting").click(function() {
				var b = $("#ser");
				$('html,body').animate({
					scrollTop: b.offset().top - 40
				}, 800);
			})
		$("#telled").click(function(){
			$(".yytc").show();
		})
		$(".yytcgb").click(function(){
			$(".yytc").hide();
		})
			function lingqu() {
		var mobile = $(".mobile").val();
		var phone = /^1[34578]\d{9}$/;
		var ym= window.location.href;
		if(phone.test(mobile)) {
			
			$.ajax({
			type : "get",
			async : false,
			url : "http://dev-marketing.zhixinglexue.com/posterregister/add",
			dataType : "jsonp",//数据类型为jsonp  
			jsonp: 'cb',
			jsonpCallback: 'hi',
			data:{
					id:9,
					way:2,
					phone:mobile
				},

			  success: function(data){
            console.log(data);
            if(data.code==200){
               alert('预约成功')
		}else {
                alert(data.msg || '预约失败')
			}
        }

			
		})

			
			
		} 
	}
		function shouji() {
		var mobile = $(".shouji").val();
		var phone = /^1[34578]\d{9}$/;
		var ym= window.location.href;
		if(phone.test(mobile)) {
			
			$.ajax({
			type : "get",
			async : false,
			url : "http://dev-marketing.zhixinglexue.com/posterregister/add",
			dataType : "jsonp",//数据类型为jsonp  
			jsonp: 'cb',
			jsonpCallback: 'hi',
			data:{
					id:9,
					way:2,
					phone:mobile
				},

			  success: function(data){
            console.log(data);
            if(data.code==200){
               alert('预约成功')
		}else {
                alert(data.msg || '预约失败')
			}
        }

			
		})

			
			
		} 
	}
	</script>
</html>
<script language=javascript>
var LiveAutoInvite0='您好，来自%IP%的朋友';
var LiveAutoInvite1='来自首页的对话';
var LiveAutoInvite2=' 网站商务通 主要功能：<br>1、主动邀请<br>2、即时沟通<br>3、查看即时访问动态<br>4、访问轨迹跟踪<br>5、内部对话<br>6、不安装任何插件也实现双向文件传输<br><br><b>如果您有任何问题请接受此邀请以开始即时沟通</b>';
</script>
<script language="javascript" src="http://pet.zoosnet.net/JS/LsJS.aspx?siteid=PET48145774&float=1&lng=cn"></script>